<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<title>NOTE-SMITH</title>
	<link rel="stylesheet" href="__PUBLIC__/css/note.css">
	<script src="__PUBLIC__/js/lib/jquery-1.10.2.min.js"></script>
	<script src="__PUBLIC__/js/module/note.js"></script>
	<script>
		var URL    = "__URL__";
		var PUBLIC = "__PUBLIC__";
		$(note.init);
	</script>
</head>
<body>
	<div id="container">
		<h1>TO DO LIST</h1>
		<h4>by Smith</h4>
		<hr>
		<form action="__URL__/addNote" method="post">
			<div class="input-zoon">
				<input id="note-input" type="text" name="content">
				<button class="submit-btn" type="submit">OK</button>
			</div>
		</form>
		<div class="content-zoon">
			<volist name="notes" id="note">
				<div class="item btn" data-id="{$note.id}">
					<a class="item-content" href="javascript:;">{$note.content}</a>
					<input class="item-input" type="text" value="{$note.content}">
					<div class="item-btn delete btn">x</div>
					<div class="item-btn ok btn">√</div>
				</div>
			</volist>
		</div>
	</div>
</body>
</html>